<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>邀请好友加入联盟</title>
		<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0' />
		<link rel="stylesheet" href="css/fillInfo.css" />
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/adapter.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

	</head>

	<body>
		<div class="content">

		</div>
		<!-- 弹框 -->

		<div class="fillInfo">

			<div class="tipBox">
				<div class="close"><img src="img/closeBox.png" /></div>

				<div class="innerBox">
					<div class="subLogo"><img src="img/logo.png" alt=""></div>
					<div class="great"><img src="img/fillInfo/great.png" /></div>
					<div class="tipTxt"><img src="img/fillInfo/infoTxt.png" /></div>
					<!--<div class="luckTime"><img src="img/luckTime.png"/></div>-->
					<div class="flower"><img src="img/lotuFlower.png" /></div>
					<div class="fill">填写信息</div>
				</div>
			</div>
		</div>
		<script>
			var app = new Vue({
				el: '.content',
				data: {
					items: [{
							id: 1,
							name: "奖品名称",
							src: "img/itemImg.png",
							stock: 30,
							number: 500,
							time: "**h**m**s"
						},
						{
							id: 2,
							name: "奖品名称",
							src: "img/itemImg.png",
							stock: 30,
							number: 500,
							time: "**h**m**s"
						},
						{
							id: 3,
							name: "奖品名称",
							src: "img/itemImg.png",
							stock: 30,
							number: 500,
							time: "**h**m**s"
						},
					]
				}
			})
		</script>
		<script type="text/javascript">
			$(".close").click(function() {
				$(".fillInfo").hide()
			})
			$(".fill").click(function(){
				console.log("填写信息")
			})
		</script>

	</body>

</html>